<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
    <f:view xmlns:h="http://java.sun.com/jsf/html"
            xmlns:p="http://primefaces.org/ui"
            xmlns:f="http://java.sun.com/jsf/core" 
            xmlns:c="http://java.sun.com/jsp/jstl/core"
            xmlns:ui="http://java.sun.com/jsf/facelets">
        <!-- Mirrored from creatively.equiet.sk/typography.html by HTTrack Website Copier/3.x [XR&CO'2010], Sun, 14 Oct 2012 11:07:15 GMT -->
        <h:head>
            <ui:include src="creatively-html-head.xhtml">
                <ui:param name="pageTitle" value="#{pageTitle}"/>
            </ui:include>

            <ui:insert name="headscripts"/>

            <ui:insert name="headstyles"/>
        </h:head>
        <h:body>

            <!-- Wrapper begin -->
            <div id="wrapper" class="clearfix">

                <!-- Header -->
                <header>
                    <ui:include src="creatively-page-head.xhtml">
                        <ui:param name="webSiteTitle" value="#{webSiteTitle}"/>
                    </ui:include>
                </header>

                <!-- Container begin -->
                <div class="container_12">

                    <!-- MAIN CONTENT BEGIN -->

                    <!-- Page title -->
                    <section id="title">

                        <!-- Heading -->
                        <h1 class="grid_12" style="text-align: left; line-height: 20px;"><span>#{pageTitle}</span></h1>

                        <!-- Submenu -->
                        <nav class="grid_7" style="display: block; width: 100%;">
                            <ui:insert name="submenu"/>
                        </nav>

                    </section>

                    <!-- Sidebar -->
                    <section class="sidebar grid_4">

                        <!-- Categories -->
                        <ui:insert name="sidebar"/>

                    </section>

                    <!-- Typography -->
                    <section class="text grid_8">
                        <ui:insert name="content"/>
                    </section> 

                    <!-- MAIN CONTENT END -->
                    
                    <hr class="grid_12" />

                    <!-- Testimonials -->
                    <ul class="testimonials grid_4">
                        <ui:insert name="testimonials">

                        </ui:insert>
                    </ul>

                    <!-- Twitter -->
                    <div class="twitter grid_4">
                        <ui:insert name="twitter">

                        </ui:insert>
                    </div>

                    <!-- Numbered list -->
                    <ul class="list grid_4">
                        <ui:insert name="list">

                        </ui:insert>
                    </ul>

                    <!-- Container end --></div>

                <!-- Wrapper end --></div>

            <!-- Footer -->
            <footer>
                <ui:include src="creatively-footer.xhtml"/>
            </footer>

            <!-- Load main script -->
            <script src="js/script.js"></script>

            <!-- Load Nivo Slider -->
            <script src="js/libs/jquery.nivo.slider.pack.js"></script>

            <!-- Load Fancybox -->
            <script src="js/libs/jquery.fancybox-1.3.4.pack.js"></script>

            <!-- Load Twitter news stream -->
            <script src="js/libs/jquery.tweet.js"></script>

            <ui:include src="creatively-bottom-scripts.xhtml"/>

        </h:body>
    </f:view>
</html>

